body {
	padding: 0px;
}

wrapper {
 width: 60%; /* the width of the thumbnail block */
 text-align: center;
 margin: 0 auto;
 }

div#header
{
	width: 100%;
	height: 100px;
	top: 0;
	left: 0;
	position: fixed;
	background: #5470a9;
	margin: 0px;
	padding: 20px;
	z-index: 2;
	
}

div#footer
{
	width: 100%;
	height: 20px;
	background: #5470a9;
	margin: 0px;
	padding: 3px;
}


div#content
{
	top: 150px;
	position: absolute;
	margin: 50px;
}

.floatleft { float: left; margin: -5px 0px 0px 0px; }
.floatright { float: right; margin: 0px 50px 5px 5px; }

.large_text
{
	font-size: 46px;
	padding: 0px;
	margin: 0px;
}

.floating_graph {
	top: 0px;
	left: 700px;
	position: absolute;
	z-index: 2;
}

.small_text {
	font-size: small;
	margin: 0px;
	padding: 0px;
}

.tiny_text {
	font-size: 14px;
	margin: -20px 0px 15px 0px;
	padding: 0px;
}

.indent {
	text-indent: 30px;
}

/**************** menu coding *****************/
#menu {
width: 100%;
background: #5470a9;
float: left;
top: 140px;
left: 0px;
position: fixed;
z-index: 1;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 12em;
float: left;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #fff #fff #fff #fff;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #5470a9;
text-transform: uppercase;
}

#menu a {
color: #000;
background: #91a3c9;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #aaa;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/**************** end menu coding *************/


/*******Thumbnail coding********/
 #thumb { /* avoids spacing bug cross-browser */
 margin: 0;
 padding: 0;
 }
 # thumb body {
 font: 62.5% “Garamond”, “Georgia”, serif;
 background-color: #d4ecff;
 }
 # thumb h1 {
 font-size: 2.6em;
 font-weight: normal;
 letter-spacing: 2px;
 text-align: center;
 margin: 0.5em 0;
 color: #7d5757;
 }

 #thumb ul li {
 list-style: none;
 float: left;
 }
 #thumb a img {
 border: 1px solid #7d5757;
 margin: 5px;
 }

/******* Image popup coding********/
a.info {
    position:fixed;
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none;
}

a.info:hover {
	z-index:25;
	background-color:#ff0;
}

a.info span {
	display: none;
}

a.info:hover span { /*the span will display just on :hover state*/
    display:block;
    position:fixed;
    top:180px; left:0px; width:15em;
    border:1px solid #000;
    background-color: #000; color:#000;
    text-align: center;
}

/************ Index page navigation coding *****************/
#indexnav ul {margin: 0; padding: 0; 
	list-style-type: none; list-style-image: none; }
#indexnav li {display: inline; }
#indexnav ul li a {text-decoration:none;  margin: 4px;
	padding: 5px 20px 5px 20px; color: black;
	background: white;}

}